<template>
  <el-table
      :data="tableData"
      style="width: 100%">
    <div v-for="(item,index) in list" :key="index">
      <el-table-column
          :prop="item.prop"
          :label="item.label"
      >
      </el-table-column>
    </div>
  </el-table>
</template>

<script>
export default {
  name: "watch",
  data(){
    return{
      //标题数据
      tableData: [
        {
          nicheng: '10086',
          IP: '10010',
          diyu: '北京',
          jinru: '2022-02-18-06',
          likai:'2022-02-18-06',
          shichang:'2小时',
          juese:'人'
        },
      ],
      //表头数据
      list:[
        {prop:'nicheng',label:'昵称'},
        {prop:'IP',label:'IP'},
        {prop:'diyu',label:'地域'},
        {prop:'jinru',label:'进入时间'},
        {prop:'likai',label:'离开时间'},
        {prop:'shichang',label:'观看时长'},
        {prop:'juese',label:'角色'},

      ]
    }
  }

}
</script>

<style scoped>

</style>
